<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<!--[if IE 6]><html class="ie ie6"><![endif]-->
	<!--[if IE 7]><html class="ie ie7"><![endif]-->
	<!--[if IE 8]><html class="ie ie8"><![endif]-->
	<!--[if gt IE 8]><html class="ie"><![endif]-->
	<!--[if ! IE]><html><![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>创先项目表单插件</title>
		<link rel="stylesheet" type="text/css" href="../../CSS/base.css" />
        <script type="text/javascript" src="Charts/jquery.min.js"></script>
        <script type="text/javascript" src="Charts/FusionCharts.js"></script>
		<script type="text/javascript"> 
			$(function(){
				var column_1 = new FusionCharts("Charts/MSColumn2D.swf", "column_1_ChartId", "100%", "299", "0", "0");
				column_1.setDataURL( "Data/XML/column.xml" );
				column_1.render("column_1");

				var column_6 = new FusionCharts("Charts/MSColumn2D.swf", "column_6_ChartId", "100%", "299", "0", "0");
				column_6.setDataURL( "Data/XML/column6.xml" );
				column_6.render("column_6");

				var column_2 = new FusionCharts("Charts/MSCombiDY2D.swf", "column_2_ChartId", "100%", "299", "0", "0");
				column_2.setDataURL( "Data/XML/column1.xml" );
				column_2.render("column_2");

				var pie_1 = new FusionCharts("Charts/Doughnut2D.swf", "pie_1_ChartId", "100%", "299", "0", "0");
				pie_1.setDataURL( "Data/XML/pie_1.xml" );
				pie_1.render("pie_1");

				var pie_2 = new FusionCharts("Charts/Doughnut2D.swf", "pie_2_ChartId", "100%", "299", "0", "0");
				pie_2.setDataURL( "Data/XML/pie_2.xml" );
				pie_2.render("pie_2");

				var pie_3 = new FusionCharts("Charts/Doughnut2D.swf", "pie_3_ChartId", "100%", "299", "0", "0");
				pie_3.setDataURL( "Data/XML/pie_3.xml" );
				pie_3.render("pie_3");

				var line = new FusionCharts("Charts/MSLine.swf", "line_ChartId", "100%", "299", "0", "0");
				line.setDataURL( "Data/XML/line.xml" );
				line.render("line");

				var area = new FusionCharts("Charts/MSArea.swf", "area_ChartId", "100%", "299", "0", "0");
				area.setDataURL( "Data/XML/area.xml" );
				area.render("area");

				var bubble = new FusionCharts("Charts/Bubble.swf", "bubble_ChartId", "100%", "299", "0", "0");
				bubble.setDataURL( "Data/XML/bubble.xml" );
				bubble.render("bubble");

				var radar = new FusionCharts("Charts/Radar.swf", "radar_ChartId", "100%", "299", "0", "0");
				radar.setDataURL( "Data/XML/radar.xml" );
				radar.render("radar");

				var realTime = new FusionCharts("Charts/AngularGauge.swf", "realTime_ChartId", "100%", "299", "0", "0");
				realTime.setDataURL( "Data/XML/real-time.xml" );
				realTime.render("realTime");

			});
        </script>
	</head>
	<body>
		<div class="page-content">
			<div class="kit-row">
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart1"></i>柱状图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="column_1" class="chart"></div>
						</div>
					</div>
				</div>
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart1"></i>柱状图+折线图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="column_2" class="chart"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="kit-row">
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart2"></i>饼图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="pie_1" class="chart"></div>
						</div>
					</div>
				</div>
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart2"></i>饼图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="pie_2" class="chart"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="kit-row">
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart2"></i>饼图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="pie_3" class="chart"></div>
						</div>
					</div>
				</div>
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart3"></i>折线图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="line" class="chart"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="kit-row">
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart4"></i>面积图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="area" class="chart"></div>
						</div>
					</div>
				</div>
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart5"></i>气泡图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="bubble" class="chart"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="kit-row">
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart6"></i>雷达图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="radar" class="chart"></div>
						</div>
					</div>
				</div>
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart7"></i>仪表盘</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="realTime" class="chart"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="kit-row">
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart1"></i>K线图</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="column_6" class="chart"></div>
						</div>
					</div>
				</div>
				<div class="kit-col" style="width:50%">
					<div class="panel">
						<div class="panel-head">
							<h2><i class="kit-icon-medium kit-icon-chart7"></i>仪表盘</h2>
						</div>
						<div class="panel-content" style="height: 303px;">
							<div id="realTime" class="chart"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
